<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>清华晒课厅</title>
<link href="css/master.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="head">
    	<a id="logo" href="index.html">清华晒课厅</a>
        <div id="search_box">
			<form method="get" action="#">
            	<span>课程名、课序号或老师名</span>
				<input id="search_input" type="text" name="q" value="" />
                <button id="search_button" type="button">搜索</button>
			</form>
		</div>
        <div id="bread_crumbs"><a href="index.html">首页</a><span class="arrow">&gt;</span><a href="index.html">人文学院课程</a><span class="arrow">&gt;</span>大学生心理健康</div>
        	
	</div>

    <div id="content" style="margin-top:-20px;">
    	<h1>大学生心理健康</h1>
        <div class="line_bold" style="width:542px;"><div class="bold_left"></div><div class="bold_right"></div></div>
        <div id="course_content">
        <div id="commentary">
        	<div class="bar_list">
				<span class="bar_label">含金量</span>
				<div class="bar">
					<div class="bar1_head"></div>
					<div class="bar1_body" style="width:22px;"></div>
					<div class="bar1_foot"><span>9.4</span></div>
				</div>
			</div>
            <div class="bar_list">
				<span class="bar_label">轻松度</span>
				<div class="bar">
					<div class="bar2_head"></div>
					<div class="bar2_body" style="width:22px;"></div>
					<div class="bar2_foot"><span>9.4</span></div>
				</div>
			</div>
            <div class="bar_list">
				<span class="bar_label">成绩值</span>
				<div class="bar">
					<div class="bar3_head"></div>
					<div class="bar3_body" style="width:22px;"></div>
					<div class="bar3_foot"><span>9.4</span></div>
				</div>
			</div>
            <P><span>1,544</span>人评价</P>
            <div id="recommend">
            	<button>推荐</button>
            	<p><span>154</span>人推荐</p>
            </div>
        </div>
        <ul id="list_view">
		<li style="clear:both; margin-right:0;"><span>主讲教师</span><a href="#">王步高</a></li>
        <li id="unknown_place" style="margin:-2px -4px 6px -4px; padding:2px 4px; width:262px; height:136px;"><span>上课地点</span>
        <div style="float:left; width:200px;">
				<div class="text">知道地点？</div>
				<div class="know_place">
					<form method="get" action="#">
					<input class="place_input" type="text" name="q" value="" />
					<button class="place_publish" type="button">发布</button>
					</form>
				</div>
				<div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
				<div class="text">不知道地点？</div>
				<button class="place_help">向好友求助</button>
                </div>
        </li>
        <li style="clear:both; margin-right:0;"><span>时间</span>周二19:20~20:55</li>
        <li style="clear:both; margin-right:0;"><span>周次</span>全16周</li>
        <li style="clear:both; margin-right:0;"><span>课容量</span>230</li>
        <li><span>学分</span>2</li>
        <li style="clear:both; margin-right:0;"><span>课程号</span>00610132</li>
        <li><span>课序号</span>90</li>
        <li style="clear:both; margin-right:0;"><span>开课系</span><a href="#">交叉信息研究院</a></li>
        <li><span>课程类型</span>文化素质核心课</li>
        <li style="clear:both; margin-right:0; width:492px;"><span>课程简介</span>
        <p>本课程结合大学生活的实际，以专题形式介绍心理健康的基本知识，使学生增强心理保健的意识，掌握心理调节的方法，全面提高心理素质，改善社会适应能力，促进全面发展。课程内容紧贴大学生的实际，教学形式多样活泼，是大学生走向成熟完善人格、提高情商的必备知识。</p> </li>
        </ul>
        <div class="section" style="width:500px; margin:0;">
        	<ul id="course_nav">
            	<li><a href="#" id="tab_help">求助</a></li>
                <li><a href="#" id="tab_chat">闲谈</a></li>
            </ul>
            <div id="tab_right">
            	<form id="commend_search" method="get" action="#">
                	<span>搜索帖子</span>
					<input type="text" name="q" value="" />
					<button type="button">搜索</button>
				</form>
                <a href="#">我的帖子</a>
            </div>
            <div class="line_bold"><div id="bold_left"></div><div class="bold_right"></div></div>
				<div class="news_list" style="width:100%;">
        			<a href="#"><img src="image/user_portrait.jpg" width="50" height="50" /></a>
           			<div class="news_content" style="width:436px;">
          				<h3><a href="#">王二</a></h3>
                        <span class="time_another">5分钟前</span>
                        <div class="content_container">
                        	<div class="quotation_left"></div>
                            <p>我有,请联系我吧<p>
                            <div class="quotation_right"></div>
                        </div>
                        <div class="comment_num"><a href="#"><span>5</span>回复</a></div>
             		</div>
       			</div>
                 <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                 <div class="news_list" style="width:100%;">
        			<a href="#"><img src="image/user_portrait.jpg" width="50" height="50" /></a>
           			<div class="news_content" style="width:436px;">
          				<h3><a href="#">王二</a></h3>
                        <span class="time_another">5分钟前</span>
                        <div class="content_container">
                        	<div class="quotation_left"></div>
                            <p>我有,请联系我吧<p>
                            <div class="quotation_right"></div>
                        </div>
                        <div class="comment_num"><a href="#"><span>5</span>回复</a></div>
             		</div>
       			</div>
                <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                 <div class="news_list" style="width:100%;">
        			<a href="#"><img src="image/user_portrait.jpg" width="50" height="50" /></a>
           			<div class="news_content" style="width:436px;">
          				<h3><a href="#">王二</a></h3>
                        <span class="time_another">5分钟前</span>
                        <div class="content_container">
                        	<div class="quotation_left"></div>
                            <p>我有,请联系我吧<p>
                            <div class="quotation_right"></div>
                        </div>
                        <div class="comment_num"><a href="#"><span>5</span>回复</a></div>
             		</div>
       			</div>
                <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                 <div class="news_list" style="width:100%;">
        			<a href="#"><img src="image/user_portrait.jpg" width="50" height="50" /></a>
           			<div class="news_content" style="width:436px;">
          				<h3><a href="#">王二</a></h3>
                        <span class="time_another">5分钟前</span>
                        <div class="content_container">
                        	<div class="quotation_left"></div>
                            <p>我有,请联系我吧<p>
                            <div class="quotation_right"></div>
                        </div>
                        <div class="comment_num"><a href="#"><span>5</span>回复</a></div>
             		</div>
       			</div>
                <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                 <div class="news_list" style="width:100%;">
        			<a href="#"><img src="image/user_portrait.jpg" width="50" height="50" /></a>
           			<div class="news_content" style="width:436px;">
          				<h3><a href="#">王二</a></h3>
                        <span class="time_another">5分钟前</span>
                        <div class="content_container">
                        	<div class="quotation_left"></div>
                            <p>我有,请联系我吧<p>
                            <div class="quotation_right"></div>
                        </div>
                        <div class="comment_num"><a href="#"><span>5</span>回复</a></div>
             		</div>
       			</div>
                <div class="line_light"><div class="light_left"></div><div class="light_right"></div></div>
                 <div class="news_list" style="width:100%;">
        			<a href="#"><img src="image/user_portrait.jpg" width="50" height="50" /></a>
           			<div class="news_content" style="width:436px;">
          				<h3><a href="#">王二</a></h3>
                        <span class="time_another">5分钟前</span>
                        <div class="content_container">
                        	<div class="quotation_left"></div>
                            <p>我有,请联系我吧<p>
                            <div class="quotation_right"></div>
                        </div>
                        <div class="comment_num"><a href="#"><span>5</span>回复</a></div>
             		</div>
       			</div>
                <div id="page_indicator">
    				<button id="page_down">下一页</button>
    				<ul id="pages">
        				<li>1</li>
            			<a href="#"><li>2</li></a>
        			</ul>
    			</div>
        		<div class="line_mid"><div class="mid_left"></div><div class="mid_right"></div></div>
                <div id="publish_aera">
                	<span>写新帖子</span>
					<input type="text" name="p" value="" />
               	</div>
        </div>
        </div>
        
        
         <div class="side">
        	<div class="side_top"></div>
            <div class="side_mid">
            	<h3>同名课程<span>8</span></h3><a href="#" class="more">查看全部</a>
                <ul>
                <li><a href="#">诗词格律与创作<div class="stress"><p>董聪</p></div></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                <li><a href="#">诗词格律与创作<div class="stress"><p>董聪</p></div></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                <li><a href="#">诗词格律与创作<div class="stress"><p>董聪</p></div></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                <li><a href="#">诗词格律与创作<div class="stress"><p>董聪</p></div></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                <li><a href="#">诗词格律与创作<div class="stress"><p>董聪</p></div></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                <li><a href="#">诗词格律与创作<div class="stress"><p>董聪</p></div></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                </ul>
            </div>
            <div class="side_bottom"></div>
        </div>
        <div class="side" style="clear:right;">
        	<div class="side_top"></div>
            <div class="side_mid">
            	<h3>相似课程<span>6</span></h3>
                <ul>
                <li><a href="#"><div class="stress">诗词格律与创作</div><p>董聪</p></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                <li><a href="#"><div class="stress">诗词格律与创作</div><p>董聪</p></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                <li><a href="#"><div class="stress">诗词格律与创作</div><p>董聪</p></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                <li><a href="#"><div class="stress">诗词格律与创作</div><p>董聪</p></a>
                	<div class="bar_list">
                    	<div class="plain_text">
                    		<span class="bar_label">含金量</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label">轻松度</span>
                        	<span class="number">9.4</span>
						</div>
                        <div class="plain_text">
                    		<span class="bar_label" style="margin-right:0;">成绩值</span>
                        	<span class="number">9.4</span>
						</div>
					</div>
                </li>
                </ul>
            </div>
            <div class="side_bottom"></div>
        </div>
        
        </div>
</body>
</html>
